2023/12/231723字符

增删改查

查

$(".demo").prop("class");  // 获取属性值（只能获取或更改特性）
$(".demo").attr("class");  // 可获取自定义属性值，与attr() 不同的是 prop() 返回状态
$('.list li').size();  // 获取长度 == .length

改

$(".demo").prop("class", "box");  // 更改属性值

增

var my_p = $("<p>p</p>");  // 创建内容

插

$(".box").append(my_p);  // 在元素节点尾部插入内容
$("<em>em</em>").appendTo($(".box"));
$(".box").prepend($("<form>form</form>"));  // 在元素节点开头插入内容
$("<address>address</address>").prependTo(".box");
$('ul').insertBefore('.box');  // insertBefore() 插入到指定元素之前
                                // insertAfter() 插入到指定元素之后
$('ul').before('text');  // before() 在元素之前插入文字 | 插入元素：将参数变为 $('') 
                          // after() 在元素之后插入文字

删

$("address").remove();  // 删除元素（包括自身所绑定事件）
$(my_p).detach();  // 移除元素
$("em").empty();  // 清空元素节点

复制

$(".box").clone();  // 复制元素
$(".box").clone(true);  // 连带事件一起克隆

替

$("form").replaceWith("<p>p</p>");  // 替换元素
$("form").replaceWith("ojbk");
$("ojbk").replaceAll("form");  // （无法替换元素内内容）

包裹

$("p").wrap("<b></b>");  // 包裹元素（针对单个元素）
$("p").wrapAll("<b></b>");  // 包裹元素
$("p").wrapInner("<b></b>");  // 包裹元素内节点
$("p").unwrap();  // 取消外部包裹